/* eslint-disable react/prop-types */
import React from 'react'

export default function Item({ todo }) {
  return (
    <li key={todo.id} className={todo.isDone ? 'completed' : ''}>
      <div className="view">
        <input className="toggle" type="checkbox" checked={todo.isDone} />
        <label>{todo.name}</label>
        <button className="destroy" />
      </div>
      <input
        className="edit"
        onChange={() => {}}
        value="Create a TodoMVC template"
      />
    </li>
  )
}
